/*=== bannerStart ===*/
var $pic = $('.viewpanger .pic li');
var $tab = $('.viewpanger .tab li');
var $btn = $('.viewpanger .btn li');
var $newstag = $('.recommend ul li');
var first = 0;
var time1;
$pic.hide().eq(first).show();
$tab.eq(first).addClass('active');
$tab.click(function () {
    $pic.eq($(this).index()).fadeIn(1500).siblings().fadeOut(1500);
    $(this).addClass('active').siblings().removeClass('active');
    first = $(this).index();
});

$btn.click(function () {
    if ($(this).index() === 1) {
        first++;
        first = first > 3 ? 0 : first;
        $pic.eq(first).fadeIn(1500).siblings().fadeOut(1500);
        $tab.eq(first).addClass('active').siblings().removeClass('active');
    } else if ($(this).index() === 0) {
        first--;
        first = first < 0 ? 3 : first;
        $pic.eq(first).fadeIn(1500).siblings().fadeOut(1500);
        $tab.eq(first).addClass('active').siblings().removeClass('active');
    }
});
$('.viewpanger').hover(function () {
    clearInterval(time1)
}, auto_flash);

function auto_flash() {
    time1 = setInterval(function () {
        first++;
        first = first > 3 ? 0 : first;
        $pic.eq(first).fadeIn(1500).siblings().fadeOut(1500);
        $tab.eq(first).addClass('active').siblings().removeClass('active');
    }, 2500)
}

auto_flash();
/*=== bannerEnd ===*/
/*=== newsNavStart ===*/
$(()=>{
    let $newsLi = $('.news-nav ul li');
    $newsLi.click(function(event) {
        $(this).addClass('active').siblings('li').removeClass('active');
    });
});
/*=== newsNavEnd ===*/
